<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Login</title>

    <!-- Bootstrap -->
    <link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/signin.css" rel="stylesheet">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
    </style>
  </head>
  <body>
    <!-- <h1>你好，世界！</h1> -->
    <div class="container">

      <form class="form-signin">
        <h2 class="form-signin-heading">Sign in</h2>
        <label for="username" class="sr-only">username</label>
        <input type="text" id="username" class="form-control" placeholder="Username" required autofocus>
        <label for="password" class="sr-only">password</label>
        <input type="password" id="password" class="form-control" placeholder="Password" required>
        <div class="alert alert-danger" role="alert" id="tip" style="display: none;">
          
        </div>
        <button class="btn btn-lg btn-primary btn-block" type="button" id="submit">Sign in</button>
      </form>

    </div>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="bootstrap-3.3.7-dist/js/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <!-- 工具函数 -->
    <script type="text/javascript" src="js/tool.js"></script>

    <script type="text/javascript">
      // 首先尝试是否配置了单用户
      $(function () {
        let data = {'username': 'null'}
        $.post('api/user/login',data,function(str){
          let res = eval('(' + str + ')')
          if (res.code != 0){
            // setTips(res.message);
          }else{
            window.location.href = 'password_data.html'
          }
        })
      })
      function setTips(text){
        $('#tip').css('display','block')
        $('#tip').text(text);
      }
      $('#submit').click(function(){
        if(isEmpty($('#username'))){
          setTips('用户名不可为空');
          return;
        }
        if(isEmpty($('#password'))){
          setTips('密码不可为空');
          return;
        }
        let data = {'username':$('#username').val(),'password':$('#password').val()}
        console.log(JSON.stringify(data));
        $.post('api/user/login',data,function(str){
          let res = eval('(' + str + ')')
          if (res.code != 0){
            setTips(res.message);
          }else{
            window.location.href = 'password_data.html'
          }
        })
      })
    </script>
  </body>
</html>